<template>
	<view class="container grace-flex grace-flex-vcenter grace-border-b">
		<image class="avatar" :src="item.userAvatar" mode="widthFix" lazy-load></image>
		<view class="grace-flex1">
			<view class="grace-h4 grace-black9">{{item.username}}</view>
			<view class="grace-tags grace-border-radius grace-white" :class="[item.sex == 0 ? 'grace-bg-light-blue' : 'grace-bg-pink']">
				<text class="gender iconfont" :class="[item.sex == 0 ? 'icon-nan' : 'icon-nv']"></text>
				<text style="margin-left: 5rpx;font-size: 22rpx;">{{item.age}}</text>
			</view>
		</view>
		<text class="iconfont" :class="[item.isFollow ? 'icon-xuanze-yixuan' : 'icon-zengjia1']"></text>
	</view>
</template>

<script>
	export default {
		props:{
			item:Object
		},
		data() {
			return {
				
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="stylus">
	.container
		padding 20rpx
		.avatar
			margin-right 20rpx
			border-radius 100%
			width 100rpx
			height 100rpx
		.gender
			font-size 20rpx
		.icon-xuanze-yixuan
			color #CCCCCC !important
		.icon-zengjia1
			color #FF9619 !important
</style>
